<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>找回密码</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>

<!--头部-->
<div class="login-head inbox">
    <div class="logo-wrap">
        <a href="home.php"><img class="logo fn-fl" src="../images/logo.jpg" alt="阿福易购"></a>
        <span class="welcome fn-fl">找回密码</span>
    </div>
</div>
<!--END/头部-->

<div class="inbox getBack-pwd">
    <div class="getPwd-h">
        <span class="h-txt">找回密码</span>
    </div>

    <div class="getPwd-b">
        <div class="b-inner">
            <!--第一步-->
            <div class="step-by-step">
                <div class="gray-line"></div>
                <div class="success-line" style="width: 33%;"></div>
                <div class="before-line" style="width: 0%;"></div>
                <ul class="step-list ui-cols-3">
                    <li class="step col step-cur">
                        <i class="icon icon-step">1</i>
                        <div class="txt">验证身份</div>
                    </li>
                    <li class="step col">
                        <i class="icon icon-step">2</i>
                        <div class="txt">修改登录密码</div>
                    </li>
                    <li class="step col">
                        <i class="icon icon-step">3</i>
                        <div class="txt">完成</div>
                    </li>
                </ul>
            </div>

            <form action="#" class="js-form bl-form bl-formhor form-L">
                <div class="bl-form-group">
                    <label><em class="text-color-6">*</em>已绑定手机号：</label>
                    <div class="controls">
                        <input class="fn-tinput fn-tinput-long elementJs" required="" name="Mobile" type="text" value="" placeholder="请填写手机号">
                    </div>
                </div>

                <div class="bl-form-group">
                    <label><em class="text-color-6">*</em>短信验证码：</label>
                    <div class="controls">
                        <input class="fn-tinput fn-tinput-small elementJs" required="" name="MSGCode" type="text" value="" placeholder="请填写短信验证码">
                        <a href="javascript:;" class="fn-btn js-getCode" style="width: 100px;">获取短信验证码</a>
                    </div>
                </div>

                <div class="bl-form-group">
                    <label><em class="text-color-6">*</em>验证码：</label>
                    <div class="controls">
                        <input class="fn-tinput fn-tinput-small elementJs" required="" name="Code" type="text" value="" placeholder="验证码">
                        <a class="chk-code" href="javascript:;"><img style="width:77px;height:36px;" src="../images/login/chk-code.jpg" alt=""></a>
                        <span>看不清？<a class="text-color-8" href="javascript:;">换一张</a></span>
                    </div>
                </div>

                <div class="bl-form-group bl-form-btns">
                    <label class="fn-vhide">提交：</label>
                    <div class="controls">
                        <button class="fn-btn btn-primary fn-mr8 btn-save" type="submit">确定</button>
                    </div>
                </div>

            </form>
            <!--END/第一步-->


            <!--第二步-->
            <div class="step-by-step">
                <div class="gray-line"></div>
                <div class="success-line" style="width: 66%;"></div>
                <div class="before-line" style="width: 33%;"></div>
                <ul class="step-list ui-cols-3">
                    <li class="step col step-before">
                        <i class="icon icon-step">1</i>
                        <div class="txt">验证身份</div>
                    </li>
                    <li class="step col step-cur">
                        <i class="icon icon-step">2</i>
                        <div class="txt">修改登录密码</div>
                    </li>
                    <li class="step col">
                        <i class="icon icon-step">3</i>
                        <div class="txt">完成</div>
                    </li>
                </ul>
            </div>
            <form action="#" class="js-form bl-form bl-formhor form-L">


                <div class="bl-form-group">
                    <label><em class="text-color-6">*</em>新密码：</label>
                    <div class="controls">
                        <input class="fn-tinput elementJs" required="" name="Pwd" type="text" value="" placeholder="请填写新密码">
                        <div class="form-help">由字母加数字或符号，至少两种以上字符组成的6-20位字符，区分大小写</div>
                    </div>
                </div>

                <div class="bl-form-group">
                    <label><em class="text-color-6">*</em>再次输入新密码：</label>
                    <div class="controls">
                        <input class="fn-tinput elementJs" required="" name="RePwd" type="text" value="" placeholder="请再次填写新密码">
                    </div>
                </div>

                <div class="bl-form-group">
                    <label><em class="text-color-6">*</em>验证码：</label>
                    <div class="controls">
                        <input class="fn-tinput fn-tinput-small elementJs" required="" name="Code" type="text" value="" placeholder="验证码">
                        <a class="chk-code" href="javascript:;"><img style="width:77px;height:36px;" src="../images/login/chk-code.jpg" alt=""></a>
                        <span>看不清？<a class="text-color-8" href="javascript:;">换一张</a></span>
                    </div>
                </div>

                <div class="bl-form-group bl-form-btns">
                    <label class="fn-vhide">提交：</label>
                    <div class="controls">
                        <button class="fn-btn btn-primary fn-mr8 btn-save" type="submit">确定</button>
                    </div>
                </div>

            </form>
            <!--END/第二步-->

            <!--第三步-->
            <div class="step-by-step">
                <div class="gray-line"></div>
                <div class="success-line" style="width: 100%;"></div>
                <div class="before-line" style="width: 66%;"></div>
                <ul class="step-list ui-cols-3">
                    <li class="step col step-before">
                        <i class="icon icon-step">1</i>
                        <div class="txt">验证身份</div>
                    </li>
                    <li class="step col step-before">
                        <i class="icon icon-step">2</i>
                        <div class="txt">修改登录密码</div>
                    </li>
                    <li class="step col step-cur">
                        <i class="icon icon-step">3</i>
                        <div class="txt">完成</div>
                    </li>
                </ul>
            </div>
            <div class="success-tip">
                <p>您的登录密码已修改！ <span class="num">3</span>秒后重新登陆。 <a href="login.php" class="text-color-9 link">立即登陆</a></p>
            </div>
            <!--END/第三步-->

        </div>
    </div>



</div>

<!--底部-->
<div class="f-aboutUs">
    <div class="inbox fn-tc">
        <a href="#">关于阿福易购</a>
        <a href="#">公司简介</a>
        <a href="#">联系我们</a>
        <a href="#">招聘信息</a>
        <a href="#">用户协议</a>
        <br>
        <p>
            增值电信经营许可证：豫B2-29877666-4 备案号：豫B1-89897778-1 COPYRIGHT <a href="#">AFYIGOU.COM</a> 2015
        </p>
    </div>
</div>
<!--END/底部-->

<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->
</body>
</html>